<!--
*@Author: QWP
*@Description: 选择权限管理的人员
*@Date: 2024-07-08 17:04:38
-->
<template>
  <u-dialog v-bind="$attrs"
    @close="dialogClose">
    <a-layout class="f-h-100">
      <a-layout-content class="s-bg-white"
        style="overflow: auto">
        <u-table
        :columns="columns"
        :data="tabData"
        v-model:pagination="pagenation"></u-table>
      </a-layout-content>
    </a-layout>
  </u-dialog>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted, h } from 'vue' 

import { useRoute, useRouter } from 'vue-router'
import { _IFormEl, _IExtra } from '@/src/components/common/form/interface';
import { FormInstance, FormItemProps } from 'ant-design-vue';
import { HomeOutlined, FileTextOutlined, UploadOutlined } from '@ant-design/icons-vue';
import { TreeProps } from 'ant-design-vue/es/vc-tree';
import { ColumnProps } from 'ant-design-vue/es/table';
import { _IColumnProps } from '@/components/common/tableEdit/interface.ts'
import { fileCols } from '@/common/model/fileCols'
const route = useRoute()

let pagenation = reactive({
  total: 0,
  current: 1,
  pageSize: 50,
  showTotal: total => `共 ${total} 条`
})
// 列表
const tabData = reactive([
  { a: "研发部门", b: "丁艳玲", b1: '电话号码17333333333', },
  { a: "研发部门", b: "马权", b1: '电话号码17333333333', },
  { a: "研发部门", b: "马权1", b1: '电话号码17333333333', },
]);
let columns: Array<TableColumnProps> = reactive([
  { dataIndex: "a", title: "所属部门", width: 100 },
  { dataIndex: "b", title: "人员名称", width: 100 },
  { dataIndex: "b1", title: "电话号码", width: 150 },
]);


// 弹窗关闭
const dialogClose = () => {
  formRef.value.form.resetFields();
}
</script>

<style lang='scss' >
</style>